<template>
  <!-- 酒店详情模块 -->
  <div class="detail-wrapper">
    <detail-name :name="name"></detail-name>
    <!-- 评分 -->
    <detail-stars :starNum="Number(starNum)" :score="score"></detail-stars>
    <!-- 地址 -->
    <detail-address :address="address"></detail-address>
    <!-- 价格 -->
    <detail-price :price="price"></detail-price>
    <!-- 商家服务 -->
    <detail-service :service="service"></detail-service>
  </div>
</template>

<script>
import DetailName from './Sub/Name.vue';
import DetailStars from './Sub/Stars.vue';
import DetailAddress from './Sub/Address.vue';
import DetailPrice from './Sub/Price.vue';
import DetailService from './Sub/Service.vue'

export default {
  name: 'DetailHotel',
  components: {
    DetailName,
    DetailStars,
    DetailAddress,
    DetailPrice,
    DetailService,
  },
  props: {
    service: {
      type: Object,
      default() {
        return {};
      },
    },
    name: {
      type: String,
      default() {
        return '加载中...';
      },
    },
    starNum: {
      type: [Number, String],
      default() {
        return 5;
      },
    },
    score: {
      type: [Number, String],
      default() {
        return 5.0;
      },
    },
    address: {
      type: String,
    },
    price: {
      type: [String, Number],
      default() {
        return 0;
      },
    },
  },
};
</script>

<style></style>
